<template>
    <section class="sub-title">
        <w-row>
            <w-cell :width="iconTitleWidth">
               <img :src="icon"/>
            </w-cell>
            <w-cell>
            <h2>{{subname}}</h2>
            </w-cell>
        </w-row>
    </section>
</template>
<script>
   export default {
       data() {
           return {
                iconTitleWidth: 30,
                name: this.subname,
                icon: this.subicon
           }
       },
       props: {
            'subname': {
                type: String,
                default: '病例登记'
            },
            'subicon': {
                type: String,
                default: '../../../h5/static/img/list.png'
            }

       }
   }
</script>
<style lang="scss" scoped>
  .sub-title {
        background: #f2f2f2;
        padding: 0 0.5rem;
        img {
            width: 1rem;
            height: 1.15rem;
        }
        h2 {
            color: #005ba8;
            font-weight: bold;
        }
   }
   .sub-title > div {
        height: 1.8rem;
   }
</style>